@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
    .Login_one{
        width: 100%;
        height: r(580);
        position: absolute;
        top: 0;
        .Login {
            height: r(470);
            background: #505050;
            img {
                width: 100%;
                height: r(470);
                margin-bottom: 0;
            }
        }
        .Login_1 {
            width: 100%;
            height: r(110);
            text-align: center;
            border-top: r(1) solid #505050;
            position: relative;
            .Login_2 {
                width: 50%;
                height: r(110);
                color: #ffffff;
                line-height: r(110);
                font-size: r(25);
                color: #808080;
                background: #000000;
                a {
                    color: #808080;
                }
            }
            .Login_3 {
                width: 50%;
                height: r(110);
                color: #ffffff;
                line-height: r(110);
                font-size: r(25);
                background: #000000;
                a {
                    color: #FFFFFF;
                }
            }
            .Login_4 {
                width: 0;
                height: 0;
                border-left: r(19) solid transparent;
                border-right: r(19) solid transparent;
                border-bottom: r(18.5) solid #FFFFFF;
                position: absolute;
                bottom: 0;
                left: 75%;
                margin-left: r(-18.5);
            }
        }
    }
    .Login5,
    .register_5 {
        width: r(750);
        margin: 0 auto;
        position: absolute;
        top: r(581);
        bottom: 0;
        ul {
            width: r(555);
            margin: 0 auto;
            li {
                margin: 0 auto;
                input {
                    width: r(555);
                    text-align: center;
                    border: 0;
                    border-bottom: 1px solid #d9d9d9;
                    line-height: r(100);
                    font-size: r(30);
                    margin-top: r(2);
                }
                a {
                    margin-top: r(56);
                    display: block;
                    color: #000000;
                    font-size: r(31);
                    width: r(342);
                    height: r(92);
                    border: r(1) solid #969b97;
                    text-align: center;
                    line-height: r(92);
                    border-radius: r(50);
                    margin: 0 auto;
                }
            }
            .l1 {
            }
            .l3 {
                margin-top: r(40);
            }
            .l4 {
                a {
                    background: #3e549c;
                    color: #fff;
                    margin-top: r(40);
                }
            }
            .l5 {
                a {
                    border: 0;
                    margin-top: r(40);
                }
            }
        }
    }
}